const app = getApp();
const ipUrl = app.globalData.ipUrl;
import {
  getCaptcha
} from "../../apis/getCaptcha"
import {
  login
} from "../../apis/login"
// pages/login/login.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    username: '', //用户名
    password: '', //密码
    captchaKey: '', //验证码密匙
    captchaImageUrl: '', //获取到的验证码链接
    captchaInput: '', //用户输入的验证码
    isRemeber: false, //是否记住密码
    ipurl:ipUrl
  },

  clickIsRemeber() {
    this.data.isRemeber = !this.data.isRemeber
    this.setData({
      isRemeber: this.data.isRemeber
    })
    console.log('isrember', this.data.isRemeber)
  },

  //header:{'content-type':"application/x-www-form-urlencoded"},
  handleLogin: function () {

    // const { username, password, captchaInput, captchaKey } = this.data;
    // console.log('Captcha Key1:', this.data.captchaKey);
    // console.log('Captcha Image URL1:', this.data.captchaImageUrl);
    login(this.data).then((res) => {
      console.log('res.code', res.code)
      if (res.code === 200) {
        console.log('Login succ999essful:', res);
        wx.setStorageSync('userInfo', res);
        if (this.data.isRemeber) {
          wx.setStorageSync('isRemeber', this.data.isRemeber)
          wx.setStorageSync('username', this.data.username)
          wx.setStorageSync('password', this.data.password)
        } else {
          wx.setStorageSync('isRemeber', this.data.isRemeber)
          wx.setStorageSync('username', '')
          wx.setStorageSync('password', '')
        }
        // 在此处添加登录成功的处理逻辑，例如跳转到主页
        wx.switchTab({
          url: '../../pages/index/index', // 替换为主页的路径
        });
      }
    }).catch((res) => {
      console.error('Error during login:', res);
      // 在此处添加请求错误的处理逻辑
      if (res === 400) {
        // 在此处添加验证码错误的处理逻辑，例如提示用户
        wx.showToast({
          title: '验证码错误',
          icon: 'none',
          duration: 2000,
        });
      } else if (res === 401) {
        console.error('Username or password error');
        // 在此处添加用户名或密码错误的处理逻辑，例如提示用户
        wx.showToast({
          title: '用户名或密码错误',
          icon: 'none',
          duration: 2000,
        });
      } else {
        // console.error('Login failed:', res);
        // 在此处添加其他错误的处理逻辑，例如提示用户
        wx.showToast({
          title: '登录失败，请稍后重试',
          icon: 'none',
          duration: 2000
        });
      }

    });
  },

  handleUsernameInput: function (e) {
    this.setData({
      username: e.detail.value
    });
    console.log('username Input:', this.data.username);
  },

  handlePasswordInput: function (e) {
    this.setData({
      password: e.detail.value
    });
    console.log('password Input:', this.data.password);
  },

  //验证码输入处理函数
  handleCaptchaInput: function (e) {
    this.setData({
      captchaInput: e.detail.value
    });
    console.log('Captcha Input:', this.data.captchaInput);
  },

  // 跳转注册页面方法
  navigateToRegister: function () {
    wx.navigateTo({
      url: '../../pages/register/register'
    });
  },

  clickImageNext: function () {
    getCaptcha().then((res) => {
      // 确保请求成功并返回数据
      // console.log("5555")
      // console.log(res.key)
      this.setData({
        captchaKey: res.key,
        captchaImageUrl: ipUrl + res.image_url
      });
      console.log('Captcha Key:', this.data.captchaKey);
      console.log('Captcha Image URL:', this.data.captchaImageUrl);
    }).catch((err) => {
      console.error('Error requesting captcha:', err);
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if (wx.getStorageSync('isRemeber')) {
      console.log('记住了密码')
      this.setData({
        username: wx.getStorageSync('username'),
        password: wx.getStorageSync('password'),
        isRemeber: wx.getStorageSync('isRemeber')
      })
    } else {
      console.log('未记住密码')
    }
    // console.log("5555")
    getCaptcha().then((res) => {
      // 确保请求成功并返回数据
      // console.log("5555")
      // console.log(res.key)
      this.setData({
        captchaKey: res.key,
        captchaImageUrl: ipUrl + res.image_url
      });
      console.log('Captcha Key:', this.data.captchaKey);
      console.log('Captcha Image URL:', this.data.captchaImageUrl);
    }).catch((err) => {
      console.error('Error requesting captcha:', err);
    });

  },
  // onLoad(options) {

  // },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})